<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/cz_class.css" />
		<script src="js/cz_class.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
	<div class="small-bar">
	<div class="row">
		<div class="col-xs-2">
				<span class="bars pull-left" >
					<i></i>
					<i></i>
					<i></i>
				</span>
			</a>
		</div>
		<!-- Logo Img -->
		<div class="col-xs-8">
			<a href="cell-home.html"><img  src="img/logo.png"></a>
		</div>
	</div>
</div>
 <!--big-nav-->
<div id="firstpane" class="menu_list">
    <p class="menu_head"><a href="cell-home.html">首页</a></p>
    <p class="menu_head"><a href="hf_class1.html">护肤品</a></p>
     <div style="display:none" class="menu_body" >
      <a href="hf_class1.html">脸部系列</a>
      <a href="hf_class2.html">眼部系列</a>
      <a href="hf_class3.html">男士系列</a>
      <a href="hf_class4.html">护理系列</a>
    </div>
    <p class="menu_head">彩妆</p>
    <div style="display:none" class="menu_body" >
      <a href="cz_class1.html">脸部彩妆</a>
      <a href="cz_class2.html">眼部彩妆</a>
      <a href="cz_class3.html">唇部彩妆</a>
      <a href="cz_class4.html">卸妆彩妆</a>
    </div>
    <p class="menu_head"><a href="APPnewproduct.html">新品上市</a></p>
    <p class="menu_head"><a href="APPbrandIntroduction.html">品牌介绍</a></p>
    <p class="menu_head"><a href="cell-ly.html">联系我们</a></p>
</div>
        <!--big-nav end-->
		
		
		
		<div class="banner">
			<img src="img/banner.png" />
			
			
		</div>
		<!-- 分类导航开始-->
			<div class="content_class" id="divNav">
				<ul>
					<li><a href="cz_class4.html#divNav">脸部</a></li>
					<li><a href="cz_class2.html#divNav">眼部</a></li>
					<li class="checked"><a href="cz_class1.html#divNav" class="checked">唇部</a></li>
					<li><a href="cz_class4.html#divNav">卸妆</a></li>
				</ul>
			</div>
			<!-- 分类导航结束-->
			
			<!-- 分类切换开始-->
			
			
			<!-- 分类切换结束始-->
			
			
				<!--全部产品开始-->
			<div class="content_pro" id="product">
				<ul class="clearfixed" id="product1">
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por5.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por6.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
					
				</ul>
				
				
				<ul class="clearfixed" id="product2">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
				<ul class="clearfixed" id="product3">
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
				<ul class="clearfixed" id="product4">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
				<ul class="clearfixed" id="product5">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					
				</ul>
				
				<ul class="clearfixed" id="product6">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
				<ul class="clearfixed" id="product7">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
				<ul class="clearfixed" id="product8">
					
				    <li>
				    	<a href="cell-cz-detail.html"><img src="img/cz_por2.png"/>
				    	<h3>礦物粉底蜜粉 15g</h3>
				    	<span>查看详情</span>
				    	</a>
				    </li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por3.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
						
					</li>
					<li>
						<a href="cell-cz-detail.html"><img src="img/cz_por4.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				  <li>
						<a href="cell-cz-detail.html"><img src="img/cz_por1.png"/>
						<h3>礦物粉底蜜粉 15g</h3>
						<span>查看详情</span>
						</a>
					</li>
				</ul>
				
			</div>
			<!--全部产品结束-->
				<!--tab切换开始-->
			<div class="content_tab container">
				<span><</span>
				<span>1</span>
				<span>2</span>
				<span>></span>
			</div>
			<!--tab切换结束-->
		
		
		
		<!--footer-->
		<div class="footer-img clearfix">
			<div class="footer-top-right1 fl">
						<img src="img/footer-pic.png" />
						<p>微博关注蒂美娜</p>
					</div>
					<div class="footer-top-right2 fr">
						<img src="img/footer-pic.png" />
						<p>微信关注蒂美娜</p>
					</div>
		</div>
		<!--footer-all-->
		<div class="footer-all">
			<div class="footer">
				<div class="footer-top clearfix">
					<div class="footer-top-left fl">
						<p>客服热线：886-2-2369-1140</p>
						<p>传真专线：886-2-2365-2745</p>
						<p>服务邮箱：service@spa-boss.com</p>
						<p>地址：106台北市大安區泰順街26巷28號2F</p>
					</div>
					
				</div>
				<div class="footer-middle"></div>
				<div class="footer-bottom">
					<p>COPYRIGHT© 2008 Leachain International Co., Ltd.-All RIGHTS RESERVED</p>
				</div>
			</div>
		</div>
	</body>
</html>
